.section-banner .banner-box {
  width: 100%;
  height: 40.625rem;
  background-size: cover;
  background: url('../images/productshow/ps_banner.jpg') no-repeat center;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 19%;
}
.section-banner .title {
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2.3rem;
}
.section-banner .info {
  font-size: 1.5rem;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.4;
  margin-bottom: 3.3rem;
}
.section-banner .hr {
  width: 2.56rem;
  height: 0.44rem;
  background: #3d85e7;
}

/* 选项卡部分 */
.section-tab {
}
.section-tab .tab-hd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.25rem;
  background-color: #3d85e7;
}
.section-tab .tab-hd ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.section-tab .tab-hd li {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 11.69rem;
  height: 3.75rem;
  border-radius: 2rem;
  margin: 0 2.44rem;
  font-weight: bold;
  color: #ffffff;
}
.section-tab .tab-hd li::after {
  position: absolute;
  right: -2.46rem;
  display: block;
  content: '';
  width: 0.06rem;
  height: 1.31rem;
  background: #ffffff;
  opacity: 0.4;
  pointer-events: none;
}
.section-tab .tab-hd li:last-of-type:after {
  display: none;
}
.section-tab .tab-hd li.active {
  background: #31c8de;
}

.section-tab .tab-hd li img {
  display: block;
  width: 1.44rem;
  height: 1.44rem;
  margin-right: 0.8rem;
}
.section-tab .tab-bd {
  padding-top: 4.75rem;
  padding-bottom: 6.25rem;
}
.section-tab .tab-bd li {
  display: none;
}
.section-tab .tab-bd li.active {
  display: flex;
}
.section-tab .tab-bd .img div {
  height: 24.125rem;
}
.section-tab .tab-bd .text {
  padding: 3.13rem 5.63rem;
  background: #3d85e7;
  color: #f6f6f6;
}
.section-tab .tab-bd .text .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  line-height: 1;
}
.section-tab .tab-bd .hr {
  width: 1.75rem;
  height: 0.25rem;
  background: #f6f6f6;
  margin-bottom: 2.13rem;
}
.section-tab .tab-bd .cell-group {
  margin: 0;
  padding: 0;
}
.section-tab .tab-bd .cell {
  font-size: 1rem;
  display: flex;
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

/* 知识产权 */
.section-property {
  background: url(https://fakeimg.pl/1920x1000) no-repeat center;
  background-size: cover;
  padding-top: 7.38rem;
  padding-bottom: 8rem;
  line-height: 1;
  color: #ffffff;
}
.section-property .section--title {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.section-property .section--title .title {
  font-size: 1.63rem;
  font-weight: bold;
  margin-bottom: 1.8rem;
}
.section-property .section--title .subhead {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 2.63rem;
}
.section-property .section--title .hr {
  width: 1.75rem;
  height: 0.25rem;
  background: #3d85e7;
  margin-bottom: 3.8rem;
}
.section-property .section--content {
  padding: 0 15%;
}
.section-property .section--content img {
  display: block;
}
.section-property .section--content .title {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.8;
  margin-top: 2.25rem;
  text-align: center;
}
.section-property .section--content .row li {
  margin-bottom: 0.8rem;
}

/* 指南 */
.section-handbook {
  background: #f6f6f6;
  padding-top: 6.56rem;
  padding-bottom: 5.38rem;
}
.section-handbook .section--title {
  display: flex;
  align-items: center;
  margin-bottom: 3.3rem;
  padding: 0;
}
.section-handbook .section--title .hr {
  width: 0.38rem;
  height: 1.75rem;
  background: #3d85e7;
  margin-right: 1.5rem;
}
.section-handbook .section--title .title {
  font-size: 1.63rem;
  font-weight: bold;
  color: #000000;
}
.section-handbook .section--content .text {
  background-color: #fff;
  padding: 6.4rem 1.8rem;
  margin-right: 0;
}
.section-handbook .section--content .text p {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.88rem;
  margin-bottom: 3rem;
}
.section-handbook .section--content .text p:last-of-type {
  margin-bottom: 0;
}
.section-handbook .section--content .video {
  background-color: #fff;
  padding: 0;
}
.section-handbook .section--content .video video {
  display: block;
  width: 100%;
  height: 100%;
}

/* 公司简介 */
.section-intr {
  padding-top: 5.8rem;
  background: url('../images/productshow/ps_foot.png') #1e232e no-repeat right
    bottom;
  background-size: 20rem 20rem;
  color: #fff;
  line-height: 1;
}
.section-intr .kdb .title {
  font-size: 1.88rem;
  font-weight: bold;
  margin-bottom: 1.9rem;
}
.section-intr .kdb .slogan {
  display: flex;
  margin-bottom: 2.13rem;
}
.section-intr .kdb .slogan li {
  font-size: 1.25rem;
  font-weight: 500;
  opacity: 0.8;
  margin-right: 1.5rem;
}
.section-intr .kdb .other {
  display: flex;
  margin-bottom: 3rem;
}
.section-intr .kdb .other li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.3rem;
  height: 2.63rem;
  background: #3d85e7;
  opacity: 0.8;
  margin-right: 0.88rem;
}
.section-intr .hr {
  height: 0.06rem;
  background: #ffffff;
  opacity: 0.4;
  margin-bottom: 4.13rem;
}
.section-intr .info .item {
  margin-bottom: 2.9rem;
}
.section-intr .info .title {
  font-size: 1.25rem;
  font-weight: 500;
  opacity: 0.8;
  margin-bottom: 1.2rem;
  line-height: 1.7;
}
.section-intr .info .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.88rem;
  opacity: 0.5;
}

/*手机模式微调*/
@media (max-width: 768px) {
  .section-banner .banner-box {
    padding-left: 10%;
  }
  /* banner */
  .section-banner .title {
    font-size: 2.1rem;
    margin-bottom: 1.6rem;
  }
  .section-banner .info {
    font-size: 1.05rem;
    opacity: 0.4;
    margin-bottom: 1.6rem;
  }
  .section-banner .hr {
    width: 2.56rem;
    height: 0.44rem;
    background: #3d85e7;
  }
  .section-tab .tab-hd li img {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.3rem;
  }
  .section-tab .tab-hd li {
    width: 5.69rem;
    height: 2.5rem;
    border-radius: 1rem;
    margin: 0 1rem;
    font-weight: 300;
  }
  .section-tab .tab-hd li::after {
    right: -1rem;
  }
  .section-tab .tab-bd .img div {
    margin: 0 -15px 1rem -15px;
  }
  .section-tab .tab-bd {
    padding-top: 0.75rem;
    padding-bottom: 5.25rem;
  }
  .section-property {
    padding-top: 5rem;
    padding-bottom: 3.8rem;
  }
  .section-property .section--title .title {
    font-size: 1.4rem;
  }
  .section-property .section--title .subhead {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  .section-property .section--title .hr {
    margin-bottom: 1.8rem;
  }
  .section-property .section--content {
    padding: 0;
  }
  .section-property .section--content .title {
    margin-top: 1.2rem;
    margin-bottom: 1rem;
  }
  .section-handbook .section--title {
    padding: 0 15px;
  }
  .section-handbook .section--content .text {
    padding: 3.4rem 15px;
  }
  .section-handbook .section--content .text p {
    margin-bottom: 2rem;
  }
}
